<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:fragment="comhead">
    <link  rel="stylesheet" th:href="@{/css/style.css}">
    <link  rel="stylesheet" th:href="@{/css/style-responsive.css}">

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="js/html5shiv.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->
</head>
<body>



<!-- left side start-->
<div id="left" class="left-side sticky-left-side">

    <!--logo and iconic logo start-->
    <div class="logo">
        <a th:href="@{/main.html}"><img src="../images/logo.png" th:src="@{/images/logo.png}" alt=""></a>
    </div>

    <div class="logo-icon text-center">
        <a th:href="@{/main.html}"><img src="../images/logo_icon.png" th:src="@{/images/logo_icon.png}" alt=""></a>
    </div>
    <!--logo and iconic logo end-->

    <div class="left-side-inner">

        <!-- visible to small devices only -->
        <div class="visible-xs hidden-sm hidden-md hidden-lg">
            <div class="media logged-user">
                    <img alt=""th:src="@{/images/photos/user-avatar.png}" class="media-object">
                <div class="media-body">
                    <h4><a href="#">John Doe</a></h4>
                    <span>"Hello There..."</span>
                </div>
            </div>

            <h5 class="left-nav-title">账户信息</h5>
            <ul class="nav nav-pills nav-stacked custom-nav">
                <li><a href="#"><i class="fa fa-user"></i> <span>信息</span></a></li>
                <li><a href="#"><i class="fa fa-cog"></i> <span>设置</span></a></li>
                <li><a href="#"><i class="fa fa-sign-out"></i> <span>登出</span></a></li>
            </ul>
        </div>

        <!--sidebar nav start-->
        <ul class="nav nav-pills nav-stacked custom-nav">
            <li class="active"><a th:href="@{/main.html}"><i class="fa fa-home"></i> <span>主页</span></a></li>
            <li><a th:href="@{/to_showUser}"><i class="fa fa-th-list"></i> <span>个人信息</span></a></li>

            <li class="menu-list"><a href=""><i class="fa fa-laptop"></i> <span>考勤管理</span></a>
                <ul class="sub-menu-list">
                    <li><a th:href="@{/blank_page.html}">考勤查看</a></li>
                    <li><a th:href="@{/boss_view_show}" th:if="${session.has6 == true}">查看员工上班情况</a></li>
                </ul>
            </li>

            <li class="menu-list"><a href=""><i class="fa fa-file-text"></i> <span>文件管理</span></a>
                <ul class="sub-menu-list">
                    <li><a th:href="@{/beenSend.html}"> 已发送文件</a></li>
                    <li><a th:href="@{/receive.html}">已接收文件</a></li>
                    <li><a th:href="@{/notreceive.html}">未接收文件</a></li>
                    <li><a th:href="@{/form_layouts}"> 文件上传</a></li>
                </ul>
            </li>
            <li class="menu-list"><a href=""><i class="fa fa-cogs"></i> <span>行政管理</span></a>
                <ul class="sub-menu-list">
                    <li th:if="${session.has5 == false}"><a th:href="@{off_adddaibaoxiao}">提交商品</a></li>
                    <li><a th:href="@{/not_bx}">查看未报销商品</a></li>
                    <li><a th:href="@{/is_bx}">查看已报销商品</a></li>
                    <li><a th:href="@{/is_huishou}">查看已回收商品</a></li>
                </ul>
            </li>
            <li class="menu-list"><a href=""><i class="fa fa-book"></i> <span>日程管理</span></a>
                <ul class="sub-menu-list">
                    <li><a th:href="@{/schdulelist}"> 查看日程</a></li>
                    <li th:if="${session.has4 == true}"><a th:href="@{/toaddschdule}"> 日程添加</a></li>
                </ul>
            </li>
            <li class="menu-list"><a href="#"><i class="fa fa-bullhorn"></i> <span>公告管理</span></a>
                <ul class="sub-menu-list">
                    <li><a th:href="@{selectnotice}"> 公告详情</a></li>
                    <li th:if="${session.has3 == true}"><a th:href="@{/to_notice}"> 发布公告</a></li>
                </ul>
            </li>
            <li><a th:href="@{/loginOut}"><i class="fa fa-sign-in"></i> <span>Login Page</span></a></li>

        </ul>
        <!--sidebar nav end-->

    </div>
</div>
<!-- left side end-->

<!-- header section start-->
<div id="search" class="header-section">

    <!--toggle button start-->
    <a class="toggle-btn"><i class="fa fa-bars"></i></a>
    <!--toggle button end-->



    <!--notification menu start -->
    <div class="menu-right">
        <ul class="notification-menu">
            <li>
                <a style="" th:styleappend="${session.has1 == true} ? '':'display: none'" th:href="@{/registration.html}" class="btn btn-default dropdown-toggle info-number">
                    <i class="fa fa-tasks">新增员工</i>
                </a>
            </li>
            <li>
                <a style="" th:styleappend="${session.has1 == true} ? '':'display: none'" th:href="@{/boss_showUser.html}" class="btn btn-default dropdown-toggle info-number">
                    <i class="fa fa-tasks">查看所有员工</i>
                </a>
            </li>
            <li>
                <a href="#" class="btn btn-default dropdown-toggle info-number" data-toggle="dropdown">
                    <i class="fa fa-tasks"></i>
                    <span class="badge">8</span>
                </a>
                <div class="dropdown-menu dropdown-menu-head pull-right">
                    <h5 class="title">用户基本信息</h5>
                    <ul class="dropdown-list user-list">
                        <li class="new">
                            <a href="#">
                                <div class="task-info">
                                    <div>用户名=======>[[${session.user.username}]]</div>
                                </div>
<!--                                <div class="progress progress-striped">-->
<!--                                    <div style="width: 40%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="40" role="progressbar" class="progress-bar progress-bar-warning">-->
<!--                                        <span class="">40%</span>-->
<!--                                    </div>-->
<!--                                </div>-->
                            </a>
                        </li>
                        <li class="new">
                            <a href="#">
                                <div class="task-info">
                                    <div>邮箱========>[[${session.user.email}]]</div>
                                </div>
<!--                                <div class="progress progress-striped">-->
<!--                                    <div style="width: 90%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="90" role="progressbar" class="progress-bar progress-bar-success">-->
<!--                                        <span class="">90%</span>-->
<!--                                    </div>-->
<!--                                </div>-->
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="task-info">
                                    <div>电话========>[[${session.user.tel}]]</div>
                                </div>
<!--                                <div class="progress progress-striped">-->
<!--                                    <div style="width: 66%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="66" role="progressbar" class="progress-bar progress-bar-info">-->
<!--                                        <span class="">66% </span>-->
<!--                                    </div>-->
<!--                                </div>-->
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="task-info">
                                    <div>地址========>[[${session.user.address}]]</div>
                                </div>
<!--                                <div class="progress progress-striped">-->
<!--                                    <div style="widt3h: 33%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="33" role="progressbar" class="progress-bar progress-bar-danger">-->
<!--                                        <span class="">33% </span>-->
<!--                                    </div>-->
<!--                                </div>-->
                            </a>
                        </li>
                        <li class="new"><a href="" style="color: red">智能OA系统</a></li>
                    </ul>
                </div>
            </li>
            <li>
                <a href="#" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                    <img th:src="@{images/photos/user-avatar.png}" alt="" />
                    [[${session.user.username}]]
<!--                    admin-->
                    <span class="caret"></span>
                </a>
                <ul class="dropdown-menu dropdown-menu-usermenu pull-right">
                    <li><a href="#"><i class="fa fa-user"></i>  修改头像</a></li>
                    <li><a th:href="@{/loginOut}"><i class="fa fa-sign-out"></i> Log Out</a></li>
                </ul>
            </li>

        </ul>
    </div>
    <!--notification menu end -->

</div>

<div th:fragment="js">
    <!-- Placed js at the end of the document so the pages load faster -->
    <script src="../static/js/jquery-1.10.2.min.js" th:src="@{/js/jquery-1.10.2.min.js}"></script>
    <script src="../static/js/jquery-ui-1.9.2.custom.min.js" th:src="@{/js/jquery-ui-1.9.2.custom.min.js}"></script>
    <script src="../static/js/jquery-migrate-1.2.1.min.js" th:src="@{/js/jquery-migrate-1.2.1.min.js}"></script>
    <script src="../static/js/bootstrap.min.js" th:src="@{/js/bootstrap.min.js}"></script>
    <script src="../static/js/modernizr.min.js" th:src="@{/js/modernizr.min.js}"></script>
    <script src="../static/js/jquery.nicescroll.js" th:src="@{/js/jquery.nicescroll.js}"></script>
    <!--common scripts for all pages-->
    <script src="../static/js/scripts.js" th:src="@{/js/scripts.js}"></script>
</div>
</body>
</html>